<script>
</script>

<div class="max-w-[700px]">
	<h1 class="text-4xl font-light">Getting Started</h1>
	<p class="mt-8 bg-slate-100 p-4 rounded-md border border-black">
		Svelte<span class="text-prime">Legos</span> is a collection of utility functions based on Svelte
		APIs. These utilities will help you bring the Browser APIs into your svelte components without writing
		a lot of boilerplate code.
	</p>

	<div class="mt-16">
		<h1 class="text-2xl">Installation</h1>
		<p class="mt-8 bg-slate-100 p-4 rounded-md border border-black font-mono">npm i svelte-legos</p>
	</div>
</div>
